@import
    "../core/mixin",
    "../core/setting";

/*---------------------------
*   外边距：margin + 编号
-----------------------------*/
.ui-mr4 {
    margin-right: 4px;
}

.ui-mr6 {
    margin-right: 6px;
}

.ui-mr8 {
    margin-right: 8px;
}

.ui-mr10 {
    margin-right: 10px;
}

.ui-mr12 {
    margin-right: 12px;
}

.ui-mr15 {
    margin-right: 15px;
}

.ui-mr16 {
    margin-right: 16px;
}

.ui-mr16 {
    margin-right: 16px;
}

.ui-mr18 {
    margin-right: 18px;
}

.ui-mr20 {
    margin-right: 20px;
}

.ui-mr24 {
    margin-right: 24px;
}

.ui-mr32 {
    margin-right: 32px;
}

//左侧
.ui-ml4 {
    margin-left: 4px;
}

.ui-ml6 {
    margin-left: 6px;
}

.ui-ml8 {
    margin-left: 8px;
}

.ui-ml10 {
    margin-left: 10px;
}

.ui-ml12 {
    margin-left: 12px;
}

.ui-ml15 {
    margin-left: 15px;
}

.ui-ml16 {
    margin-left: 16px;
}

.ui-ml18 {
    margin-left: 18px;
}

.ui-ml20 {
    margin-left: 20px;
}

.ui-ml24 {
    margin-left: 24px;
}

.ui-ml32 {
    margin-left: 32px;
}

//上
.ui-mt4 {
    margin-top: 4px;
}

.ui-mt6 {
    margin-top: 6px;
}

.ui-mt8 {
    margin-top: 8px;
}

.ui-mt10 {
    margin-top: 10px;
}

.ui-mt12 {
    margin-top: 12px;
}

.ui-mt15 {
    margin-top: 15px;
}

.ui-mt16 {
    margin-top: 16px;
}

.ui-mt18 {
    margin-top: 18px;
}

.ui-mt24 {
    margin-top: 24px;
}

.ui-mt32 {
    margin-top: 32px;
}

.ui-mt36 {
    margin-top: 36px;
}

//下
.ui-mb0 {
    margin-bottom: 0!important;
}

.ui-mb4 {
    margin-bottom: 4px;
}

.ui-mb6 {
    margin-bottom: 6px;
}

.ui-mb8 {
    margin-bottom: 8px;
}

.ui-mb10 {
    margin-bottom: 10px;
}

.ui-mb12 {
    margin-bottom: 12px;
}

.ui-mb15 {
    margin-bottom: 15px;
}

.ui-mb16 {
    margin-bottom: 16px;
}

.ui-mb18 {
    margin-bottom: 18px;
}

.ui-mb24 {
    margin-bottom: 24px;
}

.ui-mb32 {
    margin-bottom: 32px;
}

.ui-mb50 {
    margin-bottom: 50px;
}

.ui-mb80 {
    margin-bottom: 80px;
}

.ui-mwh15 {
    margin: 15px;
}

/*--------------------------
*   内边距：padding + 位置 + 编号
-----------------------------*/
.ui-pr8 {
    padding-right: 8px;
}

.ui-pr12 {
    padding-right: 12px;
}

.ui-pr15 {
    padding-right: 15px;
}

.ui-pr16 {
    padding-right: 16px;
}

.ui-pr18 {
    padding-right: 18px;
}

.ui-pr24 {
    padding-right: 24px;
}

.ui-pl8 {
    padding-left: 8px;
}

.ui-pl12 {
    padding-left: 12px;
}

.ui-pl15 {
    padding-left: 15px;
}

.ui-pl16 {
    padding-left: 16px;
}

.ui-pl18 {
    padding-left: 18px;
}

.ui-pl24 {
    padding-left: 24px;
}

.ui-pb18 {
    padding-bottom: 18px;
}

.ui-pt6 {
    padding-top: 6px;
}

.ui-pt16 {
    padding-top: 16px;
}

.ui-ph18 {
    padding-top: 18px;
    padding-bottom: 18px;
}

.ui-ph10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.ui-ph15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.ui-ph20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.ui-pw10 {
    padding-left: 10px;
    padding-right: 10px;
}

.ui-pw15 {
    padding-left: 15px;
    padding-right: 15px;
}

.ui-pw20 {
    padding-left: 20px;
    padding-right: 20px;
}

.ui-pw24 {
    padding-left: 24px;
    padding-right: 24px;
}

.ui-pw28 {
    padding-left: 28px;
    padding-right: 28px;
}

.ui-pw36 {
    padding-left: 36px;
    padding-right: 36px;
}

.ui-pwh10 {
    padding: 10px;
}

.ui-pwh15 {
    padding: 15px;
}

.ui-pwh20 {
    padding: 20px;
}

//颜色
.ui-blue {
    color: $blue!important;
}

.ui-orange {
    color: $orange!important;
}

.ui-red {
    color: $red!important;
}

.ui-green {
    color: $green!important;
}

.ui-yellow {
    color: $yellow!important;
}

.ui-gray {
    color: $grayDarker!important;
}

//背景颜色
.ui-blue-bg {
    background-color: $blue!important;
}

.ui-orange-bg {
    background-color: $orange!important;
}

.ui-red-bg {
    background-color: $red!important;
}

.ui-green-bg {
    background-color: $green!important;
}

.ui-yellow-bg {
    background-color: $yellow!important;
}

.ui-primary-bg {
    background-color: $primary!important;
}

.ui-white-bg {
    background: $white!important;
}

.ui-tran-bg {
    background: transparent!important;
}

//字体大小
.ui-ft13 {
    font-size: $baseFontSize!important;
}
.ui-ft14 {
    font-size: $baseFontSize + 1!important;
}

.ui-ft16 {
    font-size: $baseFontSize + 3!important;
}

.ui-ft18 {
    font-size: $baseFontSize + 5!important;
}

.ui-ft20 {
    font-size: $baseFontSize + 7!important;
}

.ui-ft22 {
    font-size: $baseFontSize + 9!important;
}

.ui-ft24 {
    font-size: $baseFontSize + 11!important;
}

.ui-height-auto {
    height: auto;
}

.ui-width-auto {
    width: auto;
}